
<div id="user-main-head">
  <div id="basic-info" class="tab">基本资料
    <div class="tab-open-arrow"></div>
  </div>
  <div id="change-avatar" class="tab">修改头像
    <div class="tab-open-arrow"></div>
  </div>
  <div id="change-password" class="tab">修改密码
    <div class="tab-open-arrow"></div>
  </div>
  <div id="change-nickname" class="tab">修改昵称
    <div class="tab-open-arrow"></div>
  </div>
  <div id="change-sex" class="tab">修改性别
    <div class="tab-open-arrow"></div>
  </div>
  <div id="self-signature" class="tab">个性签名
    <div class="tab-open-arrow"></div>
  </div>
  <div id="tie-phone" class="tab">绑定手机
    <div class="tab-open-arrow"></div>
  </div>
  <div id="tie-email" class="tab">绑定邮箱
    <div class="tab-open-arrow"></div>
  </div>
</div>
<div id="user-main-center">
  <div id="basic-info-detail">
    <div id="user-info-main">
      <div id="avatar-div"><img src="/static/img/avatar.png" alt="这是头像"/></div>
      <div id="basic">
        <div id="name-div"><span id="name">初夏</span><a href="" class="withicon">修改昵称</a><span id="sex">女</span><a href="" class="withicon">修改性别</a></div>
        <div id="signature-div">
          <textarea id="signature" name="">233333</textarea><a href="" class="withicon">修改签名</a>
        </div>
      </div>
    </div>
    <div id="other-info">
      <div class="one-info">
        <div class="img-div"><img src="/static/img/phone.svg" alt="这是手机"/></div>
        <div class="one-info-right">
          <div class="oi-title"><span class="title-name">手机已绑定</span><a href="" class="withicon">绑定手机</a></div>
          <div class="oi-detail">
            <div class="oi-main">182****7766</div>
            <div class="oi-prompt"><span>您可以通过</span><span class="oi-equivalent">手机</span><span>来享受安全功能</span></div>
          </div>
        </div>
      </div>
      <div class="one-info">
        <div class="img-div"><img src="/static/img/email.svg" alt="这是邮箱"/></div>
        <div class="one-info-right">
          <div class="oi-title"><span class="title-name">邮箱已绑定</span><a href="" class="withicon">绑定邮箱</a></div>
          <div class="oi-detail">
            <div class="oi-main">182****7766</div>
            <div class="oi-prompt"><span>您可以通过</span><span class="oi-equivalent">邮箱</span><span>来享受安全功能</span></div>
          </div>
        </div>
      </div>
      <div class="clear"></div>
    </div>
  </div>
</div>